<template>
  <div class="default-box">
    <div class="box-title">
      <div class="vertical-line" />
      <span>全部院校</span>
    </div>

    <div class="content">
      <div class="search">
      <input type="text" placeholder="搜索院校">
      <button>搜索</button>
    </div>
      <Filter :list="provinces" :selectList="selectList" title="所属地区" />
      <Filter :list="schoolType" :selectList="selectList" title="院校类型" />
      <Filter :list="schoolType2" :selectList="selectList" title="院校类型" />
      <Filter :list="schoolLevel" :selectList="selectList" title="院校级别" />
    </div>
  </div>
</template>

<script lang="ts" setup>
import { ref } from 'vue';
import { provinces, schoolType, schoolType2, schoolLevel } from '@/components/universityNavList/data'
import Filter from '../filter/index.vue'
const selectList = ref<string[]>(['全部', '山东', '北京'])
</script>

<style lang="less" scoped>
@import "./index.less";
</style>
